{% load static %}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" content="">
    {#    响应式web设计，自适应浏览器大小#}
{#    <meta name="viewport" content="width=device-width, initial-scale=1">#}
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <meta name="save" content="history">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="{% static 'SitesApp/css/sitesAppCss.css' %}" rel="stylesheet">
    {% block title %}
        <title>首页</title>
    {% endblock %}

    {% block link %}
        {#    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">#}
        {#    <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.min.js"></script>#}
        {#    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>#}
        <link href="/static/SitesApp/css/bootstrap.min.css" rel="stylesheet">
    {% endblock %}
    {% block style %}
    {% endblock %}
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            background-color: #E6E6FA;
        }

        button {
            box-shadow: 5px 5px 5px rgb(50, 50, 50); /*左边阴影*/
        }

        button:hover {
            box-shadow: 5px 5px 5px #000;
        }

        .box .header {
            z-index: 100;
        }
    </style>
    <script src="/static/SitesApp/js/jquery.min.js"></script>
    <script src="/static/SitesApp/js/bootstrap.min.js"></script>
</head>
<body>
<a href="{% url 'sitesApp:vote' 1 %}">hhhhh</a>
<div class="box">
    <div class="header">
        <ul class="nav nav-pills navbar faq-tabbable">
            <li role="presentation" class="active"><a href="{% url 'sitesApp:home' %}">首页</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:vote' 1 %}">投票</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:grade' %}">打分</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:review' %}">事项</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:blog' %}">博客</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:dataBank' %}">资料</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:forum' %}">论坛</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:mine' %}">我的</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:login' %}">登录</a></li>
            <li role="presentation"><a href="{% url 'sitesApp:register' %}">注册</a></li>
        </ul>
    </div>
    <div class="time">
        <span id="mytime"></span>
    </div>
    <div class="content" style="position: relative;">
        {% block content %}
            这家伙很懒，还没开始开发...~_~
        {% endblock %}
    </div>
    <div class="footer">
        {% block footer %}
            开发者 LDC
        {% endblock %}
    </div>
</div>
{% block script %}
    <script type="text/javascript">
        $(function ($) {
            {#    导航栏按钮渲染#}
            $(".faq-tabbable").find("li").each(function () {
                var a = $(this).find("a:first")[0];
                if ($(a).attr("href") === location.pathname) {
                    $(this).addClass("active");
                } else {
                    $(this).removeClass("active");
                }
            });
        });
        {#实时显示时间#}

        function showTime() {
            nowtime = new Date();
            year = nowtime.getFullYear();
            month = nowtime.getMonth() + 1;
            date = nowtime.getDate();
            document.getElementById("mytime").innerText = year + "年" + month + "月" + date + " " + nowtime.toLocaleTimeString();
        }

        <!--定时刷新时间-->
        setInterval("showTime()", 1000);
    </script>
{% endblock %}
</body>
</html>